import React, { useState,useCallback } from 'react'
import { Row, Col } from 'antd'
import {
    AlertOutlined,
    FireOutlined,
    BankOutlined,
    TagsOutlined
} from '@ant-design/icons'
import { useNavigate } from 'react-router-dom'
import request,{baseUrl} from '../utils/request'
 
const iconStyle = {
    fontSize: '36px',
    color: '#1890ff',
    marginBottom: '5px',
}
const colStyle = {
    backGroundColor: '#fff',
}
const style = {
    background: '#fff',
    padding: '8px 0',
    textAlign: 'center',
};
function Home() {
    const [datalist, setDatalist] = useState([])
    const Navigate = useNavigate()


    const changeAddtime = useCallback(() => {
        Navigate('/iq/addtime')
    })
    return (
        <div>
            {/* Home */}
            <Row gutter={16} style={{ paddingTop: '24px' }}>
                <Col className="gutter-row" span={6}>
                    <div style={style} onClick={changeAddtime}>
                        <span><AlertOutlined style={iconStyle} /></span><br />
                        <span>最新添加</span>
                    </div>
                </Col>
                <Col className="gutter-row" span={6}>
                    <div style={style}>
                        <span><BankOutlined style={iconStyle} /></span><br />
                        <span>企业真题</span>
                    </div>
                </Col>
                <Col className="gutter-row" span={6}>
                    <div style={style}>
                        <span><FireOutlined style={iconStyle} /></span><br />
                        <span>重点难点</span>
                    </div>
                </Col>
                <Col className="gutter-row" span={6}>
                    <div style={style}>
                        <span><TagsOutlined style={iconStyle} /></span><br />
                        <span>热门标签</span>
                    </div>
                </Col>

            </Row>
        </div>
    )
}


export default Home;